<template>
	<div id="app">
		<router-view/>
	</div>
</template>

<script>
import { mapMutations } from 'vuex'
export default {
  name: 'App',
  data () {
    return {}
  },
  watch: {
    $route: {
      handler: function (val, oldVal) {
        this.BREADCRUMB(val.meta.breadcrumb)
      },
      deep: true
    }
  },
  methods: {
    ...mapMutations('home', ['BREADCRUMB'])
  }
}
</script>

<style lang="scss">
@import "./style/normalize.scss";
@import "./style/reset.scss";
@import "./style/common.scss";
@import "~@/assets/iconfont/iconfont.css";
#app {
  font-size: $font-size-base;
  color: $color-black;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "SF UI Text",
  "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}
</style>
